<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Have You Seen the Saucer?</title>
  <link href="/base.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="fs">

<div id="menu">

<ul>
  <li>Downloads
    <ul>
      <li><a href="http://pigeonholdings.com/projects/flyingsaucer/R8/downloads/flyingsaucer-R8.zip">Release 8 Binaries</a></li>
      <li><a href="http://pigeonholdings.com/projects/flyingsaucer/R8/downloads/flyingsaucer-R8-src.zip">Release 8 All Files</a></li>
    </ul>
  </li>
  <li>About Flying Saucer
    <ul>
      <li><a href="/index.html">Project Home</a></li>
      <li><a href="/news.html">News</a></li>
      <li><a href="/feature-list.html">Feature List</a></li>
      <li><a href="/faq.html">The <span class="caps">FAQ</span></a></li>
      <li><a href="/screenshots.html">Screenshots</a></li>
      <li><a href="/demos.html">Demos</a></li>
      <li><a href="http://pigeonholdings.com/projects/flyingsaucer/R8/doc/guide/users-guide-R8.html">User's Guide R8 &#8211; <span class="caps">HTML</span></a></li>
      <li><a href="http://pigeonholdings.com/projects/flyingsaucer/R8/doc/guide/users-guide-R8.pdf">User's Guide R8 &#8211; <span class="caps">PDF</span></a></li>
      <li><a href="http://pigeonholdings.com/projects/flyingsaucer/R8/javadoc/user/index.html">Javadoc &#8211; Basic</a></li>
      <li><a href="http://pigeonholdings.com/projects/flyingsaucer/R8/javadoc/full/index.html">Javadoc &#8211; Full</a></li>
      <li><a href="/references.html">References</a></li>
      <li><a href="http://www.gnu.org/copyleft/lesser.html" title="LGPL">License</a></li>
    </ul>
  </li>
  <li>Contribute
    <ul>
      <li><a href="https://xhtmlrenderer.dev.java.net/servlets/ProjectMailingListList">Mail: User's List</a></li>
      <li><a href="https://xhtmlrenderer.dev.java.net/servlets/ProjectMailingListList">Mail: Dev List</a></li>
    </ul>
  </li>
</ul>


</div>

<h1>Have You Seen the Saucer?</h1>

<h2 style="clear:none;">Demo Pages</h2>

<p>Here are screenshots of Flying Saucer in action. Click on an image to see it full-size. These are all taken from our <a href="./demos.html">demo apps</a> running in our "browser" demo application. These pages are simple <span class="caps">XHTML</span> we threw together to show (and test) our <span class="caps">CSS</span> coverage.</p>

<p>We apologize for the quality of the thumbnails&#8212;this batch was done quickly using a desktop tool&#8212;we'll fix them shortly.</p>

<p>If you have any good-looking screenshots of Flying Saucer rendering your own pages, please get in touch with us so we can post them, thanks!</p>

<div class="thumbnail">

<p><a href="../images/screenshots/backgrounds.png"><img src="../images/screenshots/backgrounds-thumb.png" alt="" width="140" height="115" /></a><br />Backgrounds</p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/formatted.png"><img src="../images/screenshots/formatted-thumb.png" alt="" width="140" height="115" /></a><br /> Formatting</p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/font-size.png"><img src="../images/screenshots/font-size-thumb.png" alt="" width="140" height="115" /></a><br /> Sizing</p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/positioned.png"><img src="../images/screenshots/positioned-thumb.png" alt="" width="140" height="115" /></a><br /> Positioning</p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/z-index.png"><img src="../images/screenshots/z-index-thumb.png" alt="" width="140" height="115" /></a><br /> Layering</p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/tables.png"><img src="../images/screenshots/tables-thumb.png" alt="" width="140" height="115" /></a><br /> Tabling</p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/alice.png"><img src="../images/screenshots/alice-thumb.png" alt="" width="140" height="115" /></a><br /> Floating</p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/pure-xml.png"><img src="../images/screenshots/pure-xml-thumb.png" alt="" width="140" height="115" /></a><br /> <span class="caps">XML</span>-ing</p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/hover.png"><img src="../images/screenshots/hover-thumb.png" alt="" width="140" height="115" /></a><br /> Pseudoselecting</p>

</div>

<h2 style="clear:both;">Websites</h2>

<p>Disclaimer: The following screenshots are from publically-available websites and are shown here in order to demonstrate the rendering capabilities of the Flying Saucer rendering panel. Images, content, design etc. belong to the owners of the respective content on the respective websites. URLs to each site are hyperlinked to the text shown.</p>

<p>Many of these sites may be in "legacy" <span class="caps">HTML</span>. No tricks were used to load them&#8212;however they are all run through the TagSoup <span class="caps">HTML</span> parser to convert them to valid <span class="caps">XML</span>. You will note some minor problems in rendering some of these sites.</p>

<p>Taken using <span class="caps">JDK</span> 6 running on Ubuntu Feisty Fawn with anti-aliasing turned on.</p>

<div class="thumbnail">

<p><a href="../images/screenshots/w3c-org.png"><img src="../images/screenshots/w3c-org-thumb.png" alt="" width="140" height="115" /></a><br /> <a href="http://www.w3c.org">W3C Home</a></p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/css21-spec.png"><img src="../images/screenshots/css21-spec-thumb.png" alt="" width="140" height="115" /></a><br /> <a href="http://www.w3.org/TR/CSS21/">CSS 2.1 Spec</a></p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/wikipedia.png"><img src="../images/screenshots/wikipedia-thumb.png" alt="" width="140" height="115" /></a><br /> <a href="http://en.wikipedia.com/wiki/css">Wikipedia</a></p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/alistapart.png"><img src="../images/screenshots/alistapart-thumb.png" alt="" width="140" height="115" /></a><br /> <a href="http://www.alistapart.com">A List Apart</a></p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/java-net.png"><img src="../images/screenshots/java-net-thumb.png" alt="" width="140" height="115" /></a><br /> <a href="http://www.java.net">Java.net</a></p>

</div>

<div class="thumbnail">

<p><a href="../images/screenshots/csszengarden-icicle.png"><img src="../images/screenshots/csszengarden-icicle-thumb.png" alt="" width="140" height="115" /></a><br /> <a href="http://csszengarden.com">Zen Garden</a></p>

</div>

</div>

</div>

</body>
</html>


